<template>
  <van-nav-bar title="订单未支付" />
  <div class="centered">
  <van-button plain type="primary" @click="goTo" >返回首页</van-button>
</div>
</template>

<script setup>
import { Dialog } from 'vant';
import { onBeforeMount, reactive, ref, defineProps, toRefs } from 'vue';
import { Toast } from 'vant';
import { useRouter } from "vue-router";

import http from '@/utils/request.js'
import { getHeadImageUrl } from '@/utils/api.js'
import { deepCopy } from '@/utils/object.js';
const router = useRouter();
const goTo = function () {
  router.push("/");
}

</script>
<style scoped>
.centered{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}
</style>